<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <title>Quote</title>
    <head>
        <meta charset="utf-8">	
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <!--Add to Calendar-->
        <script src="src/js/jscal2.js"></script>
        <script src="src/js/lang/en.js"></script>
        <link rel="stylesheet" type="text/css" href="src/css/jscal2.css" />
        <link rel="stylesheet" type="text/css" href="src/css/border-radius.css" />
        <link rel="stylesheet" type="text/css" href="src/css/steel/steel.css" />
        <!--End Add to Calendar-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="funciones.js" language="JavaScript"></script>
        <link rel="stylesheet" href="css/style.css" type="text/css" />
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/main.css">		
        <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
        <script src="js/editor.js"></script>
        <!--[if lt IE 9]>
                <script src="js/vendor/html5-3.6-respond-1.1.0.min.js"></script>
        <![endif]-->
    </head>
    <body id="index">
        <!--[if lt IE 7]>
                    <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="http://nuevalengua.com" target="blank" >Nueva Lengua</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="active"><a href="#">Quote</a></li>
                            <li><a href="http://nuevalengua.com/contact-us.html" target="blank">Contact</a></li>

                        </ul>

                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>
        <!--cotizador.php-->
        <form id="formularioCotizador1" onsubmit="return validaFormulario()" method="post" action="cotizador.php">
            <!--Conjunto de datos Generales del usuario-->
            <div id="DatosGenerales" class="CajonDatos">
                <h4>Informacion General /</br> General data</h4>
                <div class="row">
                    <label>Nombre / First name:<span class="rq">*</span></label>
                    <input type="text" id="inputNombre" class="cuadrosTexto required" name="nombre" onblur="validarCampo(this);"></input>
                </div>
                <div class="row">
                    <label>Apellido / Last name:<span class="rq">*</span></label>
                    <input type="text" id="inputApellido" class="cuadrosTexto required" name="apellido" onblur="validarCampo(this);"></input>
                </div>
                <div class="row">
                    <label>E-mail:<span class="rq">*</span></label>
                    <input type="text" id="inputEmail" class="cuadrosTexto required" name="email" onblur="validarCampo(this);"></input>
                </div>
                <div class="row">
                    <label>Celular / Mobile:<span class="rq">*</span></label>
                    <input type="text" id="inputTelefono" class="cuadrosTexto required" name="telefono" onblur="validarCampo(this);"></input>
                </div>	
            </div>

            <!--Conjunto de datos relacionados con el curso-->
            <div id="DatosCurso" class="CajonDatos">
                <h4>Informacion Curso /</br> Course data</h4>
                <div class="row">
                    <label>Ciudad / City:<span class="rq">*</span></label>
                    <select id="sedeCurso" name="sedeCurso" class="required" onchange="validarCampo(this);">
                        <option value="0">...</option>
                        <option value="1">Bogotá</option>
                        <option value="2">Cartagena</option>
                        <option value="3">Medellin</option>
                        <option value="4">Panamá</option>
                    </select><span id="espera" class="esperaImg"></span>
                </div>
                <div class="row">
                    <label>Curso / Course:<span class="rq">*</span></label>
                    <select id="seleccionCurso" name="seleccionCurso"  class="required" onchange="validarCampo(this);">			
                    </select></select><span id="esperaSem" class="esperaImg"></span>
                </div>
                <div class="row">
                    <label>Fecha del curso / Course start date:<span class="rq">*</span></label>		
                    <input size="30" id="f_date1" class="cuadrosFecha required" name="fechaCurso" /><button id="f_btn1" class="calendarioButton"></button>
                    <script type="text/javascript">//<![CDATA[
                        Calendar.setup({
                            inputField: "f_date1",
                            trigger: "f_btn1",
                            onSelect: function() {
                                this.hide();
                                validarCampo(document.getElementById('f_date1'))
                            },
                            dateFormat: "%Y-%m-%d"
                        });
                            //]]></script>
                </div>	
                <div class="row">		
                    <label>Numero de semanas / Number of weeks:<span class="rq">*</span></label>
                    <select id="selectNumeroSemanas" name="numeroSemanas" class="required" onchange="validarCampo(this);">
                        <option value="0">...</option>
                        <option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="11">11</option>
                        <option value="12">12</option>
                        <option value="13">13</option>
                        <option value="14">14</option>
                        <option value="15">15</option>
                        <option value="16">16</option>
                        <option value="17">17</option>
                        <option value="18">18</option>
                        <option value="19">19</option>
                        <option value="20">20</option>
                        <option value="21">21</option>
                        <option value="22">22</option>
                        <option value="23">23</option>
                        <option value="24">24</option>
                        
                    </select>
                    <span class="info" id="infoSemanas"></br>A mayor numero de semanas mayor descuento / A greater number of weeks less value</span>
                </div>	
            </div>

            <!--Datos relacionados con servicios adicionales-->

            <div id="ServiciosAdicionales" class="CajonDatos">
                <h4>Toures especiales /</br> Special tours</h4>

                <div class="row">
                    <label>Incluir toures especiales /Add special tours:</label>
                    <select id="toures" name="toures" class="required" onchange="validarCampo(this);">
                        <option value="1">Yes</option>
                        <option value="0">No</option>                        			
                    </select>
                    <span class="info" id="infoToures"></br>Estos tours especiales son diferentes al programa de actividades que al menos 2 veces  por semana desarrolla la escuela / These special tours are different from the tours and activities that take place on the school social programme at least twice a week.</span>
                </div> 


            </div>

            <div id="ServiciosAdicionales" class="CajonDatos">
                <h4>Servicios adicionales /</br> Additional services</h4>
                <div class="row">
                    <label>Asistencia medica / Medical assistance:</label>
                    <select id="coberturaMedica" name="coberturaMedica" class="required" onchange="validarCampo(this);">
                        <option value="5">Yes</option>
                        <option value="0">No</option>
                    </select>
                </div>
                <div class="row">
                    <label>Transporte aeropuerto / Airport transfer:</label>
                    <select id="recogidaAeropuerto" name="recogidaAeropuerto" class="required" onchange="validarCampo(this);">
                        <option value="0">...</option>
                        <option value="0">No</option>
                        <option value="7">una via /one way</option>
                        <option value="23">al llegar y al irme / arrival & departure</option>
                    </select>
                </div>
                <div class="row">
                    <label>Alojamiento / Accommodation:</label>
                    <select id="alojamiento" name="alojamiento" class="required" onchange="validarCampo(this);">
                        <option value="0">...</option>
                        <option value="0">No</option>
                        <option value="2">Apartamento privado /Private luxury apartment</option>
                        <option value="3">Familia /Homestay</option>
                       <!-- <option value="4">Hotel /Hostal</option> -->
                    </select>
                </div>

                <div class="row" id="divNumNoches">
                    <div class="rowDoble">
                        <label>Fecha ingreso / Start date:<span class="rq">*</span></label>
                        <input size="30" id="f_date2" class="cuadrosFecha" name="fechaInicio" /><button id="f_btn2" class="calendarioButton"></button>
                        <script type="text/javascript">//<![CDATA[
                            Calendar.setup({
                                inputField: "f_date2",
                                trigger: "f_btn2",
                                onSelect: function() {
                                    this.hide();
                                    validarCampo(document.getElementById('f_date2'))
                                },
                                dateFormat: "%Y-%m-%d"
                            });
                            //]]></script>
                    </div>
                    <div class="rowDoble">
                        <label>Fecha salida / End date:<span class="rq">*</span></label>
                        <input size="30" id="f_date3" class="cuadrosFecha" name="fechaFin" /><button id="f_btn3" class="calendarioButton"></button>
                        <script type="text/javascript">//<![CDATA[
                            Calendar.setup({
                                inputField: "f_date3",
                                trigger: "f_btn3",
                                onSelect: function() {
                                    this.hide();
                                    validarCampo(document.getElementById('f_date3'))
                                },
                                dateFormat: "%Y-%m-%d"
                            });
                            //]]></script>
                    </div>
                </div>
                <div class="row" id="divDetallesAloj">
                    <div id="chkApartamento">
                            <!--<input type="radio" name="apartamento1" value="1">Standard<br>-->
                        <input type="radio" name="apartamento1" value="2" style="display:none;" checked><!--Luxury--><br>			
                    </div>
                    <div id="chkFamilia">
                        <input type="radio" name="Familia1" value="3"  checked>Breakfast<br>
                        <input type="radio" name="Familia1" value="4"  >Breakfast and dinner<br>
                        <input type="radio" name="Familia1" value="5"  >Private bathroom, Breakfast and dinner<br>
                        <input type="radio" name="Familia1" value="6"  >Double room, Private bathroom, Breakfast and dinner<br>
                    </div>

                </div>

                <div class="row" id="captcha">

                    <!--Captcha-->
                    <img src="captcha/captcha.php" />
                    <input class="captcha required" type="text" size="16" name="captcha" />
                </div>
                <input type="submit" value="Send / Confirmar" id="btnCotizar" />

            </div>


        </form>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>

        <script src="js/main.js"></script>

        <script>
                            var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
                            (function(d, t) {
                                var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
                                g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
                                s.parentNode.insertBefore(g, s)
                            }(document, 'script'));
        </script>
    </body>
</html>
